*{
padding:0;
margin:0;
}
@media screen and (min-width:320px){
    body{font-size:14px}
}
@media screen and (min-width:321px) and (max-width:400px){
    body{font-size:16px}
}
@media screen and (min-width:400px){
    body{font-size:18px}
}


.top{
    border-bottom: 1px solid #cccccc;
    text-align: center;
    height:0.4rem;
    font-size: 18px;
    padding-top:0.15rem;
}
.return img{
    position:absolute;
    top:0.16rem;
    left:0.14rem;
    width:0.2rem;
    height:0.28rem;
}
.touxiang img{
    width:0.8rem;
    border:0.02rem solid #ccc;
    border-radius:50%;
    margin:0.2rem 0 0.1rem 1.44rem;
}
input{
    border:none;
    padding:0.1rem 0;
    background: none;
    outline:none;
    font-size:14px;
}
.countryNo{
    font-size:16px;
}
#phone{
    padding:0.14rem;
    font-size:14px;
}
.loginBtn{
    padding:0.1rem 0.4rem;
    margin:0.2rem 0.1rem;
    background:#8e8e8e;
    width:94%;
    color:#333;
    font-size:18px;
}
.loginBtn_active{
    padding:0.1rem 0.4rem;
    margin:0.2rem 0.1rem;
    background:#1a65e6;
    width:94%;
    color:#fff;
    font-size:18px;
}
.line{
    border-bottom: 0.01rem solid #cccccc;
}
#pwd{
    padding:0.14rem;
    font-size:10px;
}
.flex{
    display:flex;
    justify-content: space-between;
    font-size: 14px;
    padding:0.1rem 0;
}
.three{
    text-align: center;
    color:#666;
    font-size: 12px;
    padding-top: 0.6rem;
}
.three img{
    vertical-align: middle;
}

.icon img{
    width:0.4rem;
    padding:0.2rem;
}
.icon{
    margin:0.3rem auto;
    width:1.6rem;
}
#phoneerror,#pwderror{
    font-size:10px;
    color:red;
}
form{
    margin:0.2rem;
}
